<template>
  <router-view />
</template>

<style>
</style>
<script>
import FingerprintJS from "@fingerprintjs/fingerprintjs";

import { reactive, toRefs } from "vue";
export default {
  components: {},
  setup() {
    const data = reactive({});
    const Fingerprint = async () => {
      const fp = await FingerprintJS.load();
      const result = await fp.get();
      const visitorId = result.visitorId;
      localStorage.setItem("visitorId", visitorId);
    };
    Fingerprint();

    return { ...toRefs(data) };
  },
};
</script>
<style lang="scss" scoped>
.status_bar {
  height: 30px;
  width: 100%;
  background-color: #f8f8f8;
  border: 1px solid red;
}

.top_view {
  height: var(--status-bar-height);
  width: 100%;
  position: fixed;
  background-color: #f8f8f8;
  top: 0;
  z-index: 9999999;
}
</style>

